<template>
  <Scroll class="content">
    <div id="profileMain">
      <User></User>
      <Setting></Setting>
    </div>
  </Scroll>
</template>

<script>
  import User from "./user/User";
  import Setting from "./setting/Setting";

  import Scroll from "components/common/scroll/Scroll";

  export default {
    name: "profileMain",
    components: {
      User,
      Setting,
      Scroll
    },
    mounted() {
      // this.$bus.$on('componentLoad', () => {
      // })
    }
  }
</script>
<style scoped>
  #profileMain {
    padding-top: 70px;
  }

  .content {
    position: absolute;
    top: 0;
    bottom: 49px;
    left: 0;
    right: 0;
    overflow: hidden;
  }
</style>
